<template>
  <treeComps :treeData="trees"></treeComps>
</template>
<script setup>
import treeComps from "../lib/tree/src/tree-component.vue";
const trees = [
  {
    id: 1,
    name: "Root",
    visible: true,
    expanded: true,
    children: [
      {
        id: 2,
        name: "Child 1",
        visible: true,
        expanded: true,
        children: [
          {
            id: 3,
            name: "Grandchild 1",
            visible: false,
            expanded: false,
            children: [],
          },
          {
            id: 4,
            name: "Grandchild 2",
            visible: false,
            expanded: true,
            children: [
              {
                id: 5,
                name: "node 5",
                visible: true,
                expanded: true,
                children: [],
              },
            ],
          },
        ],
      },
      { id: 6, name: "Child 2", visible: true, expanded: true, children: [] },
    ],
  },
];


</script>
<style scoped>
html,
body {
  margin: 0;
  padding: 0;
}
</style>
